
$(document).ready(function() {

	getManageSequenceRouteDetailDataTable();
	
});


function checkInputCheckbox() {
	var checkAll = true;
	$('.inputCheckbox').each(function() {

		if (this.checked == false) {
			checkAll = false;
		}

	});

	if (checkAll == true) {
		$('#selecctall').prop('checked', true);

	} else {
		$('#selecctall').prop('checked', false);
	}
}

function getManageSequenceRouteDetailDataTable() {

	$('#ManageSequenceRouteDetailDataTable')
			.DataTable(
					{
						"oLanguage" : {
							"oPaginate" : {
								"sFirst" : "หน้าแรก",// ปุ่มกลับมาหน้าแรก
								"sLast" : "หนัาสุดท้าย",// ปุ่มไปหน้าสุดท้าย
								"sNext" : "ถัดไป", // ปุ่มหน้าถัดไป
								"sPrevious" : "ก่อนหน้า" // ปุ่ม กลับ
							},
							"sLengthMenu" : "แสดง _MENU_ รายการ ต่อหน้า",
							"sZeroRecords" : "ไม่พบข้อมูลที่ค้นหา",
							"sInfo" : "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
							"sEmptyTable" : "ไม่พบรายการข้อมูล",
							"sLoadingRecords" : "ระบบกำลังประมวลผล กรุณารอซักครู่",
							"sProcessing" : "ประมวลผลข้อมูล",
							"sInfoEmpty" : "ไม่พบรายการข้อมูลที่แสดง",
							"sInfoFiltered" : "(จากทั้งหมด _MAX_ รายการ)",
							"sSearch" : "ค้นหา :"
						},
						searching : true,
						"aoColumns" : [
								{
									"sTitle" : "<input type='checkbox' id='selecctall' onclick='checkAll()'/>",
									sClass : "alignCenter",
									sWidth : '3%',
									"bSortable" : false,
									"mRender" : function(data, type, full) {
										var checkAll = $('#selecctall').prop(
												'checked');
										if (checkAll == true) {
											return '<input type="checkbox" checked="true" onclick="checkInputCheckbox()" class="inputCheckbox" name="account" value="'
													+ data + '"/> ';
										} else {
											return '<input type="checkbox" onclick="checkInputCheckbox()" class="inputCheckbox" name="account" value="'
													+ data + '"/> ';
										}

									}
								},
								{
									"sTitle" : "เขต",
									sWidth : '24%',
									"bSortable" : false
								},
								{
									"sTitle" : "เส้นทาง",
									sWidth : '18%',
									"bSortable" : false
								},
								{
									"sTitle" : "ทะเบียนผู้ใช้น้ำ",
									sClass : "alignCenter",
									sWidth : '12%',
									"bSortable" : true,
									"mRender" : function(data, type, full) {
										return '<label id="inputAccount'
												+ data
												+ '" style="font-weight: normal;">'
												+ data + '</label>';
									}
								},
								{
									"sTitle" : "ชื่อ - นามสกุล",
									sWidth : '20%',
									"bSortable" : true,
									"mRender" : function(data, type, full) {
										return '<label id="inputName'
												+ data[0]
												+ '" style="font-weight: normal;">'
												+ data[1] + '</label>';
									}
								},
								{
									"sTitle" : "ลำดับการอ่านน้ำ",
									sClass : "alignCenter table-action",
									sWidth : '12%',
									"bSortable" : true,
									"mRender" : function(data, type, full) {

										return '<select class="form-control inputSequence" onchange="manageSequence(\''
												+ data[0]
												+ '\',\''
												+ data[1]
												+ '\')" id="inputSequence'
												+ data[0]
												+ '" name="">'
												+ data[2] + '</select>';
									}
								} ],
						// "bPaginate" : true,
						// "bInfo" : true,
						"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
						"bLengthChange" : true, // แสดงจำนวน record
												// ที่จะแสดงในตาราง
						"iDisplayLength" : 10, // กำหนดค่า default ของจำนวน
												// record
						"bScrollCollapse" : true,
						"aLengthMenu" : [ [ 10, 25, 50, 100, -1 ], // จำนวนที่แสดงในตาราง
						[ 10, 25, 50, 100, "ทั้งหมด" ] // จำนวนที่ให้เลือก
						],
						"bProcessing" : true, // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์
												// getDataTable มาทำงาน
												// โดยเอาข้อมูลที่ได้มาแสดงใน
												// table
						"bServerSide" : true,
						"sDom" : 'Rlfrtip',
						"sAjaxSource" : "CS35000Srvl?process_type=getDataTable"

					});
}

function searchData() {

	var vnZoneId = document.getElementById("inputZone").value;
	var vnRouteId = document.getElementById("inputRoute").value;
	if (vnZoneId == "" || vnRouteId == "") {
		$('#failZoneModal').modal();
	} else {

		$('#ManageSequenceRouteDetailDataTable').DataTable().column(0).search(vnZoneId);
		$('#ManageSequenceRouteDetailDataTable').DataTable().column(1).search(vnRouteId);
		$('#ManageSequenceRouteDetailDataTable').DataTable().draw();

	}

}


function submitForm(type) {

	if (type == "add") {
		var vnZoneId = document.getElementById("inputZone").value;
		var vnRouteId = document.getElementById("inputRoute").value;
		if (vnZoneId == "" || vnRouteId == "") {
			$('#failZoneModal').modal();
		} else {

			document.getElementById("inputZoneId").value = document
					.getElementById("inputZone").value;
			document.getElementById("inputZoneName").value = $(
					"#inputZone option:selected").text();
			document.getElementById("inputRouteId").value = document
					.getElementById("inputRoute").value;
			document.getElementById("inputRouteDescription").value = $(
					"#inputRoute option:selected").text();
			document.addSequenceForm.submit();

		}
	}
	if (type == "delete") {

		var checkAll = false;
		$('.inputCheckbox').each(function() {

			if (this.checked == true) {
				checkAll = true;
			}

		});

		if (checkAll == false) {
			$('#failCheckboxModal').modal();

		} else {
			$('#confirmDeleteModal').modal();
		}

	}
}
function getFocus() {

	$(".close").trigger("click");
	var vnZoneId = document.getElementById("inputZone").value;
	var vnRouteId = document.getElementById("inputRoute").value;
	if (vnZoneId == "") {
		document.getElementById("inputZone").focus();
	} else if (vnRouteId == "") {
		document.getElementById("inputRoute").focus();
	}

}
function deleteData() {
	var vnZoneId = document.getElementById("inputZone").value;
	var vnRouteId = document.getElementById("inputRoute").value;
	var processType = "delete";
	var vaAccount;
	$("input[name=account]").each(function() {
		if (this.checked == true) {
			vaAccount = $(this).val();
			$.ajax({
				url : "CS35000Srvl",
				type : "POST",
				data : {
					vnZoneId : vnZoneId,
					vnRouteId : vnRouteId,
					vaAccount : vaAccount,
					process_type : processType
				},
				async : false,
				success : function(data) {

				}
			});
		}
	});

	$('#ManageSequenceRouteDetailDataTable').DataTable().draw();
}
function manageSequence(account, sequence_old) {
	var select_id = "inputSequence" + account;
	var vnZoneId = document.getElementById("inputZone").value;
	var vnRouteId = document.getElementById("inputRoute").value;
	var vnSequence_new = document.getElementById(select_id).value;
	var processType = "edit";
	$.ajax({
		url : "CS35000Srvl",
		type : "POST",
		data : {
			vnZoneId : vnZoneId,
			vnRouteId : vnRouteId,
			vnSequenceNew : vnSequence_new,
			vnSequenceOld : sequence_old,
			vaAccount : account,
			process_type : processType
		},
		async : false,
		success : function(data) {

		}
	});
	$('#ManageSequenceRouteDetailDataTable').DataTable().draw();
}
